
.pages{
  position: absolute;
  bottom:0;
  height:35px !important;
  left:50%;
  transform:translatex(-50%);
}
.pagination{
  margin:0;
  border-radius:2px;
  height:35px;
  >li{
    &:first-child{
      >a{
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
      }
      &:last-child{
        >a{
          border-top-right-radius: 2px;
          border-bottom-right-radius: 2px;
        }
      }
    }

    >a{
      line-height:35px;
      height:35px;
      padding:0;
      width:35px;
      text-align: center;
      font-size:12px;
      color:#2B98F0;
      border-color:#ddd;
      &:hover{
        background-color:#2B98F0;
        color:#fff;
        border-color:#2B98F0;
      }
    }
    &.active{
      >a{
        background-color:#2B98F0;
        color:#fff;
        border-color:#2B98F0 !important;
        &:hover{
          background-color:#2B98F0;
          color:#fff;
          border-color:#2B98F0;
        }
      }
    }
  }
}